<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org">
<body>
	<div th:fragment="inmueble">
		<winter:output id="DialogOutput">
			<winter:output id="LinderoModalOutput">
			   	<div id="LinderoCrearDiV" th:if="${inmuebles.context.lindero}">
					<winter:dialog id="@{'LinderoDialog'}" width="80%" height="auto" title="@{'Lindero'}" contentClass="lista-atributos" dialogClass="activar-lista-dialog" effect="fade-and-scale">
						<winter:output id="LinderoGestionOutput">
							<div id="LinderoGestionInclude" th:include="/gestion/linderoDialog :: LinderoGestionFragment">
							</div>
						</winter:output>
					</winter:dialog>
				</div>
			</winter:output>
		</winter:output>
		<winter:output id="CrearEditarInmuebleOutput">
			<!-- 			<div id="NuevoVehiculoContainer" class="form-container" th:if="${vehiculos.context.vehiculo}"> -->
			<div id="BarraNuevoInmueble" class="headerbar"
				th:if="${inmuebles.context.inmueble}">
				<div class="form-title" th:text="@{'Inmueble'}">Inmuebles</div>
		    	<winter:row>
		    		<winter:column type="col-md-4">
								<winter:select id="selectDpto"
									field="*{departamento}"
									collection="dptos, rowdptos : ${inmuebles.departamentos}"
									value="${dptos.id}" 
									text="@{${dptos.nombre}}"
									label="@{'Departamento: '}" 
									modern="true"
									showglobalmessgage="true"
									addemptyvalue="true">
								</winter:select>
								<winter:event id="EventDpto" event="change"
									target="selectDpto"
									url="@{'/inmuebles/dptoEvent'}" form="InmueblesForm"
									update="CrearEditarInmuebleOutput" object="inmuebles" immediate="true"
									showstatus="true" showstatuselement="true">
								</winter:event>
							</winter:column>
				    		<winter:column type="col-md-4">
								<winter:select id="selectDistrito" 
									field="*{inmueble.distrito}"
									collection="dist, rowDist : ${inmuebles.distritos}"
									value="${dist.id}" 
									text="@{${dist.nombre}}"
									label="#{label.inmueble.distrito}" 
									modern="true"
									showglobalemessage="true">
								</winter:select>
				    	   </winter:column>
				    	   <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="finca" 
									field="*{inmueble.finca}"
									label="#{label.inmueble.finca}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
				       </winter:row>
				       <winter:row>
				       	  <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="parcela" 
									field="*{inmueble.parcela}"
									label="#{label.inmueble.parcela}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
				    	   <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="nuevoCtaCat" 
									field="*{inmueble.cuentacorriente}" 
									label="#{label.inmueble.cta.catastral}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
				    	   <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="padron" 
									field="*{inmueble.padron}" 
									label="#{label.inmueble.padron}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
				       </winter:row>
				       <winter:row>				    	   
				    	   <winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="nuevoMatricula" 
									field="*{inmueble.matricula}" 
									label="#{label.inmueble.matricula}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	   </winter:column>
				       		<winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="nuevoSuperficie" 
									field="*{inmueble.area}" 
									label="#{label.inmueble.superficie}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	  	</winter:column>
				    	  	<winter:column type="col-md-4">
								<winter:select id="selectUM" 
									field="*{inmueble.um}"
									collection="um, rowUm : ${inmuebles.uMedidas}"
									value="${um.id}" 
									text="@{${um.descripcion}}"
									label="@{'UM: '}" 
									modern="true"
									showglobalemessage="true">
								</winter:select>
				    	   </winter:column>
				       </winter:row>
				        <winter:row>
				    	  	<winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="nuevoLote" 
									field="*{inmueble.manzana}" 
									label="#{label.inmueble.manzana}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	  	</winter:column>
				    	  	<winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="nuevoLote" 
									field="*{inmueble.unidadph}" 
									label="#{label.inmueble.uph}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	  	</winter:column>
				    	  	<winter:column type="col-md-4">
				    	   		<winter:inputtext
									id="nuevoLote" 
									field="*{inmueble.lote}" 
									label="#{label.inmueble.lote}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text capitalize">
								</winter:inputtext>
				    	  	</winter:column>
		 	    	 </winter:row>
				       <winter:row>
				    	   <winter:column type="col-md-4">
								<winter:textarea
									id="nuevoObs" 
									field="*{inmueble.observacion}"
									label="#{label.inmueble.obs}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text">
								</winter:textarea>
				    	   </winter:column>
				    	   <winter:column type="col-md-4">
								<winter:textarea
									id="nuevoSupText" 
									field="*{inmueble.areatexto}"
									label="#{label.inmueble.superficie.texto}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text">
								</winter:textarea>
				    	   </winter:column>
				    	   <winter:column type="col-md-4">
								<winter:textarea
									id="nuevoDireccion" 
									field="*{inmueble.direccion}"
									label="#{label.inmueble.direccion}"
									labeldisplay="col-xs-4"
									inputdisplay="col-xs-8"
									containerdisplay="row padded"
									class="winter-input-text">
								</winter:textarea>
				    	   </winter:column>
				       </winter:row>
			</div>
			<div>
				<winter:output id="linderosOutput">
					<winter:row padded="true">
						<winter:ajaxsubmit id="@{'AgregarLindero'}" form="InmueblesForm"
							url="@{'/inmuebles/addLindero'}"
							update="linderosOutput,DialogOutput"
							value="Agregar Lindero" object="inmuebles" showstatus="true"
							class="btn btn-cyan"
							oncomplete="@{'Winter.ui.OpenDialog(\'LinderoDialog\')'}"
							immediate="true">
						</winter:ajaxsubmit>
					</winter:row>
					<winter:datatable id="listaLinderos" customLanguage="true"
						paginate="true" jQuery="true" retrieve="true"
						emptyTableText="No se encontraron Datos!"
						infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
						emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
						searchText="Buscar" lengthMenu="Mostrar _MENU_ registros">
						<thead>
							<tr>
								<th th:text="@{'Orden'}"></th>
								<th th:text="@{'Nombre'}"></th>
								<th th:text="@{'Medida'}"></th>
								<th th:text="@{'Linda con'}"></th>
								<th th:text="@{'Operaciones'}"></th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="linde, lindRowStat : ${inmuebles.inmueble.linderosList}">
								<td th:text="${linde.orden}"></td>
								<td th:text="${linde.ladonombre}"></td>
								<td th:text="${linde.ladomedida}"></td>
								<td th:text="${linde.ladolinda}"></td>
								<td><winter:ajaxlink
										id="@{'EditarLind'+${lindRowStat.index}}" form="InmueblesForm"
										url="@{'/inmuebles/editarLindero/'+${lindRowStat.index}}"
										update="linderosOutput, DialogOutput" title="Editar"
										object="inmuebles" class="ajax-submit icon-edit-sign icon-2x"
										immediate="true" tip="true"
										oncomplete="@{'Winter.ui.OpenDialog(\'LinderoDialog\')'}"
										showstatus="true">
									</winter:ajaxlink> <winter:ajaxlink id="@{'EliminarDir'+${lindRowStat.index}}"
										form="PersonasForm"
										url="@{'/inmuebles/deleteLindero/'+${lindRowStat.index}}"
										update="linderosOutput" title="Eliminar" tip="true"
										object="inmuebles" class="ajax-submit icon-remove-sign icon-2x"
										effect="fade" immediate="true" showstatus="true"
										showstatuselement="true" confirmationrequired="true"
										confirmationtext="Está seguro que desea realizar la operación?">
									</winter:ajaxlink></td>
							</tr>
						</tbody>
					</winter:datatable>
				</winter:output>
				<div class="table-row"></div>
				<winter:row class="button-panel-right" padded="true">
					<winter:ajaxSubmit id="CrearInmueble" 
						form="InmueblesForm"
						url="@{'/inmuebles/guardarInmueble'}"
						update="InmueblesOutput, CrearEditarInmuebleOutput"
						object="inmuebles" 
						value="#{label.operaciones.guardar}" 
						showstatus="true"
						class="btn btn-cyan" 
						process="CrearEditarInmuebleOutput"
						if="${inmuebles.context.inmueble and !#lists.isEmpty(inmuebles.inmueble.linderosList)}">
					</winter:ajaxSubmit>
					<winter:ajaxSubmit id="CrearInmuebleCancelar" 
						form="InmueblesForm"
						url="@{'/inmuebles/cancelar/INMUEBLE'}" 
						update="InmueblesOutput"
						value="#{label.operaciones.cancelar}" 
						showstatus="true"
						class="btn btn-danger"
						immediate="true">
					</winter:ajaxSubmit>
				</winter:row>
			</div>
		</winter:output>
	</div>

</body>
</html>